
<!DOCTYPE html>
<html>
<html><head><link href="https://static.zhipin.com/zhipin-ssr/tools/v104/app.css" rel="stylesheet"/>
</head></html><head>
<meta charset="utf-8"/>
<title>Awesome-pyecharts</title>
<script src="https://assets.pyecharts.org/assets/v5/echarts.min.js" type="text/javascript"></script>
<script src="https://assets.pyecharts.org/assets/v5/maps/guang3_dong1_shen1_zhen4.js" type="text/javascript"></script>
</head>
<html><body><div id="header">
<div class="inner home-inner">
<div class="logo">
<a href="http://127.0.0.1:5000" ka="header-home-logo" title="陈总直聘"><span>陈总直聘</span></a>
</div>
<div class="nav">
<ul>
<li class=""><a href="https://www.zhipin.com/guangzhou/" ka="header-home" target="_blank">首页</a></li>
<li class=""><a href="https://www.zhipin.com/web/geek/job-recommend" ka="header-job-recommend" target="_blank">推荐职位</a></li>
<ul class="header-nav-group">
<li class=""><a href="https://www.zhipin.com/job_detail/" ka="header-job" target="_blank">搜索</a></li>
<span class="header-nav-dot"></span>
<li class=""><a href="https://www.zhipin.com/gongsi/" ka="header_brand" target="_blank">公司</a></li>
</ul>
<ul class="header-nav-group">
<li class=""><a class="nav-school-new" href="https://www.zhipin.com/school/" ka="tab_school_recruit_click" target="_blank">校园</a></li>
<span class="header-nav-dot"></span>
<li class=""><a class="nav-overseas-new" data-overseas-ip="false" href="https://www.zhipin.com/returnee_jobs/" ka="tab_overseas_click" target="_blank">海归</a></li>
</ul>
<li class=""><a href="https://app.zhipin.com/" ka="header-app" target="_blank">APP</a></li>
<li class=""><a href="https://news.zhipin.com/" ka="header-article" target="_blank">资讯</a></li>
<li class=""><a class="nav-find" href="https://youle.zhipin.com/recommend/selected/" ka="header-find" target="_blank">有了</a></li>
<li class=""><a class="nav-barrier-free" href="https://www.zhipin.com/accessible_job/" ka="header-barrier-free" target="_blank">无障碍专区</a></li>
</ul>
</div>
</div>
</div>
<div class="container">
<h1 class="web_01">Web数据挖掘</h1>
<div class="web_02">项目介绍：本项目是运用python进行数据的实时抓取，将抓取下来的数据进行数据分析，最终利用pyecharts+flask生成下方的可视化图表 <a class="zd" href="https://wcy.nfu.edu.cn/xygk/sztd/xwyxmtx/cbdcb447bbfd4b778d2fec916f4c6403.htm" target="_blank">指导老师</a></div>
<div class="web_02">数据来源：该岗位近三个月来的样本数据，如有侵权，请联系删除，2561903143@qq.com</div>
<div class="web_03">该岗位薪酬查询数据是来源于网上近三个月的招聘信息，是使用者了解市场薪酬水平的参考工具，不作为定薪标准</div>
</div>
<!-- Add the following input element for the new search -->
<div class="mt-auto">
<form action="/Chart" method="post">
<label for="jobInput"></label>
<select autocomplete="off" id="jobInput" list="qy" name="job" placeholder="岗位" required="" style="width: 500px; height: 30px; background-color: #20232a; color: white; margin-left: 2px;">
<option value="">岗位</option>
<option value="Python">Python</option>
<option value="java">java</option>
<option value="产品经理">产品经理</option>
<option value="产品助理">产品助理</option>
<option value="广告">广告</option>
<option value="Web前端">Web前端</option>
<option value="用户运营">用户运营</option>
<option value="产品运营">产品运营</option>
<option value="小程序运营">小程序运营</option>
<option value="导演">导演</option>
<option value="影视后期">影视后期</option>
<option value="主播">主播</option>
</select>
<label class="sr-only" for="inputPassword"></label>
<select autocomplete="off" id="inputPassword" name="location" placeholder="地区" required="" style="width:500px;height: 30px; background-color: #20232a; color: white; margin-top: 15px; margin-left: 20px;">
<option value="">请选择城市</option>
<option value="北京">北京</option>
<option value="上海">上海</option>
<option value="广州">广州</option>
<option value="深圳">深圳</option>
</select>
<button class="btn btn-lg btn-primary btn-block" style="width: 200px; margin-left: 10px;" type="submit">查询</button>
</form>
</div>
<style type="text/css">

	option{
		color: white;
	}
    .container{
        border: 1px solid black;
        background-image: url(https://static.zhipin.com/zhipin-ssr/tools/v104/img/d7921ea.jpg);
        width: 100%;
        color: white;
        background-repeat: no-repeat;
        background-position: center -50px;
        background-size: 2260px 709px
    }
    .web_01{
        font-size: 32px;
        line-height: 45px;
        font-weight: 500;
        margin-top: 70px;
        margin-left: 40px;
    }
    .web_02{
        margin-left: 40px;
        margin-top: 15px;
        font-weight: 400;
        white-space: pre-wrap;

    }
    .web_03{
        margin-left: 40px;
        margin-top: -40px;
        color: #8f94a2;
        line-height: 120px;
    }
    .zd{
        margin-left: 100px;
        color: #12ada9;
        font-size: 15px;
    }
</style>
</body></html><body style="background-color: black">
<style>.box {  } </style>
<div class="box">
<div class="chart-container" id="c631ed13e0bc49d2aa842d2f9d441004" style="width:50%;height:50%;position:absolute;top:67%;left:0%;"></div>
<script>
        var chart_c631ed13e0bc49d2aa842d2f9d441004 = echarts.init(
            document.getElementById('c631ed13e0bc49d2aa842d2f9d441004'), 'white', {renderer: 'canvas'});
        var option_c631ed13e0bc49d2aa842d2f9d441004 = {
    "backgroundColor": "#20232a",
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "aria": {
        "enabled": false
    },
    "color": [
        "#5470c6",
        "#91cc75",
        "#fac858",
        "#ee6666",
        "#73c0de",
        "#3ba272",
        "#fc8452",
        "#9a60b4",
        "#ea7ccc"
    ],
    "series": [
        {
            "type": "bar",
            "legendHoverLink": true,
            "data": [
                13.8,
                15.0,
                40.0,
                21.7,
                19.0
            ],
            "realtimeSort": false,
            "showBackground": false,
            "stackStrategy": "samesign",
            "cursor": "pointer",
            "barMinHeight": 0,
            "barCategoryGap": "70%",
            "barGap": "30%",
            "large": false,
            "largeThreshold": 400,
            "seriesLayoutBy": "column",
            "datasetIndex": 0,
            "clip": true,
            "zlevel": 0,
            "z": 2,
            "label": {
                "show": true,
                "color": "white",
                "margin": 8
            },
            "itemStyle": {
                "normal": {
                    "color": new echarts.graphic.LinearGradient(0, 0, 0, 1, [{                    offset: 0,                    color: 'rgba(0, 244, 255, 1)'                }, {                    offset: 1,                    color: 'rgba(0, 77, 167, 1)'                }], false),
                    "barBorderRadius": [
                        30,
                        30,
                        30,
                        30
                    ],
                    "shadowColor": "rgb(0, 160, 221)"
                }
            },
            "rippleEffect": {
                "show": true,
                "brushType": "stroke",
                "scale": 2.5,
                "period": 4
            }
        }
    ],
    "legend": [
        {
            "data": [
                ""
            ],
            "selected": {},
            "show": true,
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14,
            "backgroundColor": "transparent",
            "borderColor": "#ccc",
            "borderWidth": 1,
            "borderRadius": 0,
            "pageButtonItemGap": 5,
            "pageButtonPosition": "end",
            "pageFormatter": "{current}/{total}",
            "pageIconColor": "#2f4554",
            "pageIconInactiveColor": "#aaa",
            "pageIconSize": 15,
            "animationDurationUpdate": 800,
            "selector": false,
            "selectorPosition": "auto",
            "selectorItemGap": 7,
            "selectorButtonGap": 10
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "showContent": true,
        "alwaysShowContent": false,
        "showDelay": 0,
        "hideDelay": 100,
        "enterable": false,
        "confine": false,
        "appendToBody": false,
        "transitionDuration": 0.4,
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0,
        "padding": 5,
        "order": "seriesAsc"
    },
    "xAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "axisLabel": {
                "show": true,
                "color": "white",
                "rotate": -15,
                "margin": 8
            },
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": true,
                "lineStyle": {
                    "show": true,
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            },
            "data": [
                "\u4ea7\u54c1\u8fd0\u8425",
                "\u4ea7\u54c1\u8fd0\u8425\u5c97",
                "\u4ea7\u54c1\u8fd0\u8425\u603b\u76d1",
                "\u4ea7\u54c1\u8fd0\u8425\u7ecf\u7406",
                "\u6d77\u5916\u4ea7\u54c1\u8fd0\u8425"
            ]
        }
    ],
    "yAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": true,
                "lineStyle": {
                    "show": true,
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            }
        }
    ],
    "title": [
        {
            "show": true,
            "text": "\u6df1\u5733\u4ea7\u54c1\u8fd0\u8425\u7684\u5e73\u5747\u85aa\u8d44",
            "target": "blank",
            "subtarget": "blank",
            "padding": 5,
            "itemGap": 10,
            "textAlign": "auto",
            "textVerticalAlign": "auto",
            "triggerEvent": false,
            "textStyle": {
                "color": "white"
            }
        }
    ]
};
        chart_c631ed13e0bc49d2aa842d2f9d441004.setOption(option_c631ed13e0bc49d2aa842d2f9d441004);
    </script>
<br/> <div class="chart-container" id="ce360fd0f7334fcf8c48cdeb1ae6c271" style="width:50%;height:50%;position:absolute;top:67%;left:50%;"></div>
<script>
        var chart_ce360fd0f7334fcf8c48cdeb1ae6c271 = echarts.init(
            document.getElementById('ce360fd0f7334fcf8c48cdeb1ae6c271'), 'white', {renderer: 'canvas'});
        var option_ce360fd0f7334fcf8c48cdeb1ae6c271 = {
    "backgroundColor": "#20232a",
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "aria": {
        "enabled": false
    },
    "color": [
        "#5470c6",
        "#91cc75",
        "#fac858",
        "#ee6666",
        "#73c0de",
        "#3ba272",
        "#fc8452",
        "#9a60b4",
        "#ea7ccc"
    ],
    "series": [
        {
            "type": "pie",
            "name": "\u85aa\u8d44",
            "colorBy": "data",
            "legendHoverLink": true,
            "selectedMode": false,
            "selectedOffset": 10,
            "clockwise": true,
            "startAngle": 90,
            "minAngle": 0,
            "minShowLabelAngle": 0,
            "avoidLabelOverlap": true,
            "stillShowZeroSum": true,
            "percentPrecision": 2,
            "showEmptyCircle": true,
            "emptyCircleStyle": {
                "color": "lightgray",
                "borderColor": "#000",
                "borderWidth": 0,
                "borderType": "solid",
                "borderDashOffset": 0,
                "borderCap": "butt",
                "borderJoin": "bevel",
                "borderMiterLimit": 10,
                "opacity": 1
            },
            "data": [
                {
                    "name": "1-49\u4eba",
                    "value": 15.0
                },
                {
                    "name": "50-99\u4eba",
                    "value": 17.5
                },
                {
                    "name": "5000-10000\u4eba",
                    "value": 18.5
                },
                {
                    "name": "100-499\u4eba",
                    "value": 20.0
                },
                {
                    "name": "2000-5000\u4eba",
                    "value": 23.3
                },
                {
                    "name": "500-999\u4eba",
                    "value": 24.7
                },
                {
                    "name": "1000-2000\u4eba",
                    "value": 27.5
                },
                {
                    "name": "10000\u4eba\u4ee5\u4e0a",
                    "value": 32.5
                }
            ],
            "radius": "55%",
            "center": [
                "50%",
                "50%"
            ],
            "roseType": "radius",
            "label": {
                "show": true,
                "color": "rgba(255, 255, 255, 0.3)",
                "margin": 8
            },
            "labelLine": {
                "show": true,
                "showAbove": false,
                "length": 15,
                "length2": 15,
                "smooth": false,
                "minTurnAngle": 90,
                "maxSurfaceAngle": 90
            },
            "tooltip": {
                "show": true,
                "trigger": "item",
                "triggerOn": "mousemove|click",
                "axisPointer": {
                    "type": "line"
                },
                "showContent": true,
                "alwaysShowContent": false,
                "showDelay": 0,
                "hideDelay": 100,
                "enterable": false,
                "confine": false,
                "appendToBody": false,
                "transitionDuration": 0.4,
                "formatter": "{a} <br/>{b}: {c} ({d}%)",
                "textStyle": {
                    "fontSize": 14
                },
                "borderWidth": 0,
                "padding": 5,
                "order": "seriesAsc"
            },
            "rippleEffect": {
                "show": true,
                "brushType": "stroke",
                "scale": 2.5,
                "period": 4
            }
        }
    ],
    "legend": [
        {
            "data": [
                "1-49\u4eba",
                "50-99\u4eba",
                "5000-10000\u4eba",
                "100-499\u4eba",
                "2000-5000\u4eba",
                "500-999\u4eba",
                "1000-2000\u4eba",
                "10000\u4eba\u4ee5\u4e0a"
            ],
            "selected": {},
            "show": false,
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14,
            "backgroundColor": "transparent",
            "borderColor": "#ccc",
            "borderWidth": 1,
            "borderRadius": 0,
            "pageButtonItemGap": 5,
            "pageButtonPosition": "end",
            "pageFormatter": "{current}/{total}",
            "pageIconColor": "#2f4554",
            "pageIconInactiveColor": "#aaa",
            "pageIconSize": 15,
            "animationDurationUpdate": 800,
            "selector": false,
            "selectorPosition": "auto",
            "selectorItemGap": 7,
            "selectorButtonGap": 10
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "showContent": true,
        "alwaysShowContent": false,
        "showDelay": 0,
        "hideDelay": 100,
        "enterable": false,
        "confine": false,
        "appendToBody": false,
        "transitionDuration": 0.4,
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0,
        "padding": 5,
        "order": "seriesAsc"
    },
    "title": [
        {
            "show": true,
            "text": "\u4ea7\u54c1\u8fd0\u8425\u7684\u516c\u53f8\u89c4\u6a21\u85aa\u8d44",
            "target": "blank",
            "subtarget": "blank",
            "left": "5%",
            "top": "5%",
            "padding": 5,
            "itemGap": 10,
            "textAlign": "auto",
            "textVerticalAlign": "auto",
            "triggerEvent": false,
            "textStyle": {
                "color": "#fff"
            }
        }
    ]
};
        chart_ce360fd0f7334fcf8c48cdeb1ae6c271.setOption(option_ce360fd0f7334fcf8c48cdeb1ae6c271);
    </script>
<br/> <div class="chart-container" id="515b3653ecbb421186efc1b65a9693c2" style="width:50%;height:50%;position:absolute;top:123%;left:0%;"></div>
<script>
        var chart_515b3653ecbb421186efc1b65a9693c2 = echarts.init(
            document.getElementById('515b3653ecbb421186efc1b65a9693c2'), 'white', {renderer: 'canvas'});
        var option_515b3653ecbb421186efc1b65a9693c2 = {
    "backgroundColor": new echarts.graphic.LinearGradient(0, 0, 0, 1, [{offset: 0, color: '#c86589'}, {offset: 1, color: '#06a7ff'}], false),
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "aria": {
        "enabled": false
    },
    "color": [
        "#5470c6",
        "#91cc75",
        "#fac858",
        "#ee6666",
        "#73c0de",
        "#3ba272",
        "#fc8452",
        "#9a60b4",
        "#ea7ccc"
    ],
    "series": [
        {
            "type": "line",
            "name": "\u85aa\u8d44",
            "connectNulls": false,
            "xAxisIndex": 0,
            "symbol": "circle",
            "symbolSize": 6,
            "showSymbol": true,
            "smooth": true,
            "clip": true,
            "step": false,
            "data": [
                [
                    "\u7ecf\u9a8c\u4e0d\u9650",
                    21.5
                ],
                [
                    "\u4e00\u5e74\u4ee5\u4e0b",
                    null
                ],
                [
                    "1-3\u5e74",
                    13.5
                ],
                [
                    "3-5\u5e74",
                    22.5
                ],
                [
                    "5-10\u5e74",
                    33.0
                ],
                [
                    "10\u5e74\u4ee5\u4e0a",
                    37.5
                ]
            ],
            "hoverAnimation": true,
            "label": {
                "show": true,
                "position": "top",
                "color": "white",
                "margin": 8
            },
            "logBase": 10,
            "seriesLayoutBy": "column",
            "lineStyle": {
                "show": true,
                "width": 1,
                "opacity": 1,
                "curveness": 0,
                "type": "solid",
                "color": "#fff"
            },
            "areaStyle": {
                "opacity": 1,
                "color": new echarts.graphic.LinearGradient(0, 0, 0, 1, [{offset: 0, color: '#eb64fb'}, {offset: 1, color: '#3fbbff0d'}], false)
            },
            "tooltip": {
                "show": false,
                "trigger": "item",
                "triggerOn": "mousemove|click",
                "axisPointer": {
                    "type": "line"
                },
                "showContent": true,
                "alwaysShowContent": false,
                "showDelay": 0,
                "hideDelay": 100,
                "enterable": false,
                "confine": false,
                "appendToBody": false,
                "transitionDuration": 0.4,
                "textStyle": {
                    "fontSize": 14
                },
                "borderWidth": 0,
                "padding": 5,
                "order": "seriesAsc"
            },
            "itemStyle": {
                "color": "red",
                "borderColor": "#fff",
                "borderWidth": 3
            },
            "zlevel": 0,
            "z": 0
        }
    ],
    "legend": [
        {
            "data": [
                "\u85aa\u8d44"
            ],
            "selected": {},
            "show": false,
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14,
            "backgroundColor": "transparent",
            "borderColor": "#ccc",
            "borderWidth": 1,
            "borderRadius": 0,
            "pageButtonItemGap": 5,
            "pageButtonPosition": "end",
            "pageFormatter": "{current}/{total}",
            "pageIconColor": "#2f4554",
            "pageIconInactiveColor": "#aaa",
            "pageIconSize": 15,
            "animationDurationUpdate": 800,
            "selector": false,
            "selectorPosition": "auto",
            "selectorItemGap": 7,
            "selectorButtonGap": 10
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "showContent": true,
        "alwaysShowContent": false,
        "showDelay": 0,
        "hideDelay": 100,
        "enterable": false,
        "confine": false,
        "appendToBody": false,
        "transitionDuration": 0.4,
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0,
        "padding": 5,
        "order": "seriesAsc"
    },
    "xAxis": [
        {
            "type": "category",
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "axisLine": {
                "show": false,
                "onZero": true,
                "onZeroAxisIndex": 0
            },
            "axisTick": {
                "show": true,
                "alignWithLabel": false,
                "inside": false,
                "length": 25,
                "lineStyle": {
                    "show": true,
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid",
                    "color": "#ffffff1f"
                }
            },
            "axisLabel": {
                "show": true,
                "color": "#ffffff63",
                "margin": 30
            },
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "boundaryGap": false,
            "minInterval": 0,
            "splitLine": {
                "show": true,
                "lineStyle": {
                    "show": true,
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid",
                    "color": "#ffffff1f"
                }
            },
            "data": [
                "\u7ecf\u9a8c\u4e0d\u9650",
                "\u4e00\u5e74\u4ee5\u4e0b",
                "1-3\u5e74",
                "3-5\u5e74",
                "5-10\u5e74",
                "10\u5e74\u4ee5\u4e0a"
            ]
        }
    ],
    "yAxis": [
        {
            "type": "value",
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "axisLine": {
                "show": true,
                "onZero": true,
                "onZeroAxisIndex": 0,
                "lineStyle": {
                    "show": true,
                    "width": 2,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid",
                    "color": "#fff"
                }
            },
            "axisTick": {
                "show": true,
                "alignWithLabel": false,
                "inside": false,
                "length": 15,
                "lineStyle": {
                    "show": true,
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid",
                    "color": "#ffffff1f"
                }
            },
            "axisLabel": {
                "show": true,
                "color": "#ffffff63",
                "margin": 20
            },
            "inverse": false,
            "position": "right",
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": true,
                "lineStyle": {
                    "show": true,
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid",
                    "color": "#ffffff1f"
                }
            }
        }
    ],
    "title": [
        {
            "show": true,
            "text": "\u4ea7\u54c1\u8fd0\u8425\u7684\u4ece\u4e1a\u5e74\u9650\u5e73\u5747\u85aa\u8d44",
            "target": "blank",
            "subtarget": "blank",
            "left": "5%",
            "top": "5%",
            "padding": 5,
            "itemGap": 10,
            "textAlign": "auto",
            "textVerticalAlign": "auto",
            "triggerEvent": false,
            "textStyle": {
                "color": "#fff",
                "fontSize": 16
            }
        }
    ]
};
        chart_515b3653ecbb421186efc1b65a9693c2.setOption(option_515b3653ecbb421186efc1b65a9693c2);
    </script>
<br/> <div class="chart-container" id="94a1486353494299b057c6b3dad27760" style="width:50%;height:50%;position:absolute;top:123%;left:50%;"></div>
<script>
        var chart_94a1486353494299b057c6b3dad27760 = echarts.init(
            document.getElementById('94a1486353494299b057c6b3dad27760'), 'white', {renderer: 'canvas'});
        var option_94a1486353494299b057c6b3dad27760 = {
    "backgroundColor": "#20232a",
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "aria": {
        "enabled": false
    },
    "color": [
        "#12ada9",
        "#5470c6",
        "#91cc75",
        "#fac858",
        "#ee6666",
        "#73c0de",
        "#3ba272",
        "#fc8452",
        "#9a60b4",
        "#ea7ccc"
    ],
    "series": [
        {
            "type": "bar",
            "legendHoverLink": true,
            "data": [
                24.7,
                28.4,
                25.0,
                22.1,
                32.6
            ],
            "realtimeSort": false,
            "showBackground": false,
            "stackStrategy": "samesign",
            "cursor": "pointer",
            "barMinHeight": 0,
            "barCategoryGap": "75%",
            "barGap": "30%",
            "large": false,
            "largeThreshold": 400,
            "seriesLayoutBy": "column",
            "datasetIndex": 0,
            "clip": true,
            "zlevel": 0,
            "z": 2,
            "label": {
                "show": true,
                "margin": 8
            },
            "itemStyle": {
                "normal": {
                    "barBorderRadius": [
                        30,
                        30,
                        30,
                        30
                    ]
                }
            },
            "rippleEffect": {
                "show": true,
                "brushType": "stroke",
                "scale": 2.5,
                "period": 4
            }
        }
    ],
    "legend": [
        {
            "data": [
                ""
            ],
            "selected": {},
            "show": true,
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14,
            "backgroundColor": "transparent",
            "borderColor": "#ccc",
            "borderWidth": 1,
            "borderRadius": 0,
            "pageButtonItemGap": 5,
            "pageButtonPosition": "end",
            "pageFormatter": "{current}/{total}",
            "pageIconColor": "#2f4554",
            "pageIconInactiveColor": "#aaa",
            "pageIconSize": 15,
            "animationDurationUpdate": 800,
            "selector": false,
            "selectorPosition": "auto",
            "selectorItemGap": 7,
            "selectorButtonGap": 10
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "showContent": true,
        "alwaysShowContent": false,
        "showDelay": 0,
        "hideDelay": 100,
        "enterable": false,
        "confine": false,
        "appendToBody": false,
        "transitionDuration": 0.4,
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0,
        "padding": 5,
        "order": "seriesAsc"
    },
    "xAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "axisLabel": {
                "show": true,
                "color": "white",
                "rotate": -15,
                "margin": 8
            },
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": true,
                "lineStyle": {
                    "show": true,
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            },
            "data": [
                "\u4e92\u8054\u7f51",
                "\u57fa\u91d1/\u8bc1\u5238/\u671f\u8d27",
                "\u79d1\u6280\u91d1\u878d",
                "\u8ba1\u7b97\u673a\u8f6f\u4ef6",
                "\u901a\u4fe1\u8bbe\u5907"
            ]
        }
    ],
    "yAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "axisLabel": {
                "show": true,
                "color": "white",
                "margin": 8
            },
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": true,
                "lineStyle": {
                    "show": true,
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            }
        }
    ],
    "title": [
        {
            "show": true,
            "text": "\u4ea7\u54c1\u8fd0\u8425\u76f8\u5173\u884c\u4e1a\u7684\u5e73\u5747\u85aa\u8d44",
            "target": "blank",
            "subtarget": "blank",
            "padding": 5,
            "itemGap": 10,
            "textAlign": "auto",
            "textVerticalAlign": "auto",
            "triggerEvent": false,
            "textStyle": {
                "color": "white"
            }
        }
    ]
};
        chart_94a1486353494299b057c6b3dad27760.setOption(option_94a1486353494299b057c6b3dad27760);
    </script>
<br/> <div class="chart-container" id="5d5a5df931df4b37ba5b05179da3f988" style="width:100%;height:100%;position:absolute;top:178%;left:50%; transform: translateX(-50%);"></div>
<script>
        var chart_5d5a5df931df4b37ba5b05179da3f988 = echarts.init(
            document.getElementById('5d5a5df931df4b37ba5b05179da3f988'), 'white', {renderer: 'canvas'});
        var option_5d5a5df931df4b37ba5b05179da3f988 = {
    "backgroundColor": "#20232a",
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "aria": {
        "enabled": false
    },
    "color": [
        "#5470c6",
        "#91cc75",
        "#fac858",
        "#ee6666",
        "#73c0de",
        "#3ba272",
        "#fc8452",
        "#9a60b4",
        "#ea7ccc"
    ],
    "series": [
        {
            "type": "map",
            "label": {
                "show": true,
                "margin": 8
            },
            "map": "\u6df1\u5733",
            "data": [
                {
                    "name": "\u5357\u5c71\u533a",
                    "value": 180
                },
                {
                    "name": "\u798f\u7530\u533a",
                    "value": 47
                },
                {
                    "name": "\u5b9d\u5b89\u533a",
                    "value": 26
                },
                {
                    "name": "\u9f99\u5c97\u533a",
                    "value": 14
                },
                {
                    "name": "\u9f99\u534e\u533a",
                    "value": 12
                },
                {
                    "name": "\u7f57\u6e56\u533a",
                    "value": 3
                },
                {
                    "name": "\u5149\u660e\u533a",
                    "value": 1
                },
                {
                    "name": "\u76d0\u7530\u533a",
                    "value": 1
                }
            ],
            "roam": true,
            "aspectScale": 0.75,
            "nameProperty": "name",
            "selectedMode": false,
            "zoom": 1,
            "zlevel": 0,
            "z": 2,
            "seriesLayoutBy": "column",
            "datasetIndex": 0,
            "mapValueCalculation": "sum",
            "showLegendSymbol": true,
            "emphasis": {}
        }
    ],
    "legend": [
        {
            "data": [
                ""
            ],
            "selected": {},
            "show": true,
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14,
            "backgroundColor": "transparent",
            "borderColor": "#ccc",
            "borderWidth": 1,
            "borderRadius": 0,
            "pageButtonItemGap": 5,
            "pageButtonPosition": "end",
            "pageFormatter": "{current}/{total}",
            "pageIconColor": "#2f4554",
            "pageIconInactiveColor": "#aaa",
            "pageIconSize": 15,
            "animationDurationUpdate": 800,
            "selector": false,
            "selectorPosition": "auto",
            "selectorItemGap": 7,
            "selectorButtonGap": 10
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "showContent": true,
        "alwaysShowContent": false,
        "showDelay": 0,
        "hideDelay": 100,
        "enterable": false,
        "confine": false,
        "appendToBody": false,
        "transitionDuration": 0.4,
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0,
        "padding": 5,
        "order": "seriesAsc"
    },
    "title": [
        {
            "show": true,
            "text": "\u6df1\u5733\u4ea7\u54c1\u8fd0\u8425\u6570\u91cf\u5206\u5e03\u5730\u56fe",
            "target": "blank",
            "subtarget": "blank",
            "padding": 5,
            "itemGap": 10,
            "textAlign": "auto",
            "textVerticalAlign": "auto",
            "triggerEvent": false,
            "textStyle": {
                "color": "white"
            }
        }
    ],
    "visualMap": {
        "show": true,
        "type": "continuous",
        "min": 0,
        "max": 100,
        "inRange": {
            "color": [
                "#50a3ba",
                "#eac763",
                "#d94e5d"
            ]
        },
        "calculable": true,
        "inverse": false,
        "splitNumber": 5,
        "hoverLink": true,
        "orient": "vertical",
        "padding": 5,
        "showLabel": true,
        "itemWidth": 20,
        "itemHeight": 140,
        "borderWidth": 0
    }
};
        chart_5d5a5df931df4b37ba5b05179da3f988.setOption(option_5d5a5df931df4b37ba5b05179da3f988);
    </script>
<br/> </div>
<script>
</script>
</body>
</html>